﻿
@{
    ViewData["Title"] = "阅卷授权页";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
 @section Head{ 
     <style>
         .AuthLeft{float:left;}
         .AuthRight{float:right;}
         .Authoritybody .layui-card-header .layui-icon{left:-3px;margin-top:-8px;}
         .Authoritybody{background:#ddd;min-height:535px;width:100%;}
         .Authoritybody .layui-col-md4{margin:2% 0;padding:0 1% 0 1.5%;}
         .Authoritybody .layui-col-md3,.Authoritybody .layui-col-md2{margin:2% 0;padding:0 1% 0 0;}
         .Authoritybody .layui-col-md2 .layui-card-header{padding-right:2px;}
         .Authoritybody .layui-col-md3,.Authoritybody .layui-col-md2{height:30px;line-height:30px}
         .AuthHeadtext{text-indent:10px;}
         .Authoritybody .layui-card-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;} 
         .Authoritybody ul li{clear:both;display:block;border-bottom:1px solid #eee;line-height:36px;}
         .Authoritybody ul li .AuthLeft{float:none;}
         .Authoritybody .layui-card-body{height:390px;    overflow-x: auto;}
         .Authoritybody .layui-icon-close{color:red;cursor:pointer;}
         .AuthorityBtnContent{float:right;}
         .AuthorityBtnContent .layui-btn{margin-left:0;}
         .Authorityfot{min-height:50px;background:#fff;}
         .Authorityfot input{width:200px;}
         .Authorityfotsqts{margin-left:40%;}
         .AuthRightBtn{margin:5px 20px;}
     </style>
 }
<div class="Authoritybody layui-box">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md4 layui-box">
            <div class="layui-card ">
                <div class="layui-card-header layui-clear">
                    <span class="AuthLeft AuthHeadtext"><i class="layui-icon layui-icon-file"></i>档案</span>
                    <span class="AuthRight">共100条</span>
                </div>
                <div class="layui-card-body">
                    <ul class=" layui-clear">
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"><i class="layui-icon layui-icon-close"></i> </span> </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-md2 layui-box">
            <div class="layui-card ">
                <div class="layui-card-header layui-clear">
                    <span class="AuthLeft AuthHeadtext"><i class="layui-icon layui-icon-user"></i>身份</span>
                    <div class="AuthorityBtnContent">
                        <button class="layui-btn layui-btn-sm  layui-btn-primary">全选</button>
                        <button class="layui-btn layui-btn-sm  layui-btn-primary">清空</button>
                    </div>
                </div>
                <div class="layui-card-body">
                    <ul class=" layui-clear">
                        <li><span class="AuthLeft">档案员</span><span class="AuthRight"></span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"></span> </li>

                    </ul>
                </div>
            </div>

        </div>
        <div class="layui-col-md3 layui-box">
            <div class="layui-card ">
                <div class="layui-card-header layui-clear">
                    <span class="AuthLeft AuthHeadtext"><i class="layui-icon layui-icon-template"></i>机构</span>
                    <div class="AuthorityBtnContent">
                        <button class="layui-btn layui-btn-sm  layui-btn-primary">全选</button>
                        <button class="layui-btn layui-btn-sm  layui-btn-primary">清空</button>
                    </div>
                </div>
                <div class="layui-card-body">
                    <ul class=" layui-clear">
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"></span> </li>
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"></span> </li>

                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-md3 layui-box">
            <div class="layui-card ">
                <div class="layui-card-header layui-clear">
                    <span class="AuthLeft AuthHeadtext"><i class="layui-icon layui-icon-username"></i>用户名</span>
                    <div class="AuthorityBtnContent">
                        <button class="layui-btn layui-btn-sm  layui-btn-primary">全选</button>
                        <button class="layui-btn layui-btn-sm  layui-btn-primary">清空</button>
                    </div>
                </div>
                <div class="layui-card-body">
                    <ul class=" layui-clear">
                        <li><span class="AuthLeft">11111</span><span class="AuthRight"></span> </li>
</div>
            </div>
        </div>

    </div>
    <div class="layui-row Authorityfot">
        <div class="layui-inline Authorityfotsqts">
            <label style="color:red">授权天数:</label>
            <div class="layui-inline">
                <input type="text" placeholder="不填或者输入不正确则默认为七天。" class="layui-input" />
            </div>
        </div>
        <div class="layui-inline AuthRight AuthRightBtn">
            <button class="layui-btn layui-btn-sm">授权</button>
            <button class="layui-btn layui-btn-sm layui-btn-danger">关闭</button>
        </div>
    </div>
</div>


@section scripts{ 
    <script>
        layui.use(['element', 'jquery'], function () {
            var element = layui.element, $ = layui.jquery;
        })
    </script>

}


